<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />

<title>菜单管理</title>
<%@ include file="/commons/static.jsp"%>
<link rel="stylesheet"
	href="${ctx}/dep/treeTable/css/jquery.treetable.css" />
<link rel="stylesheet"
	href="${ctx}/dep/treeTable/css/jquery.treetable.theme.default.css" />

<link rel="stylesheet" href="${ctx}/dep/zTreeStyle/zTreeStyle.min.css" />
<script src="${ctx}/dep/zTreeStyle/jquery.ztree.all.min.js"></script>
</head>

<body>

	<!-- Main Container -->
	<div class="wrapper">
		<!-- Page Container -->

		<!-- 面包屑导航 -->
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="fa fa-home"></i> <a href="index.html">系统配置管理</a>
				</li>
				<li class="active"><a href="###">用户管理</a></li>
			</ul>
		</div>
		<!-- /面包屑导航-->
		<div class="page-body">
			<div class="row">

				<div class="col-xs-12 col-md-12">

					<div class="tabbable">
						<ul class="nav nav-tabs" id="myTab">
							<li class="active"><a id="tab-list" data-toggle="tab"
								href="#home"> 菜单列表 </a></li>

							<li class="tab-red"><a id="tab-add" data-toggle="tab"
								href="#profile"> 菜单添加 </a></li>
							<li class="tab-blue"><a id="tab-edit" data-toggle="tab"
								href="#editMenu" style="display: none;"> 菜单编辑 </a></li>
						</ul>

						<div class="tab-content">
							<div id="home" class="tab-pane in active">
								<table class="table table-striped table-hover table-bordered"
									id="bodyHtml" style="border: none;">
									<thead>
										<tr role="row"
											style="border-right: 1px solid #ddd; border-left: 1px solid #ddd">
											<th style="border: none; border-right: #f2f2f2">名称 <span
												class="fa indicator fa-unsorted"></span>
											</th>
											<th
												style="border: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd">
												链接<span class="fa indicator fa-unsorted"></span>
											</th>
											<th width="8%"
												style="border: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd">
												排序<span class="fa indicator fa-unsorted"></span>
											</th>
											<th width="8%"
												style="border: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd">
												可见 <span class="fa indicator fa-unsorted"></span>
											</th>
											<th
												style="border: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd">
												权限标识 <span class="fa indicator fa-unsorted"></span>
											</th>
											<th
												style="border: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd">
												操作<span class="fa indicator fa-unsorted"></span>
											</th>
										</tr>
									</thead>

									<tbody>
										<c:forEach items="${list }" var="list">
											<tr data-tt-id="${list.id}"
												<c:if test="${list.parentId == -1}"> </c:if>
												<c:if test="${list.parentId != -1}">data-tt-parent-id="${list.parentId }"</c:if>>
												<td style="text-align: left">${list.name }</td>
												<td>${list.href }</td>
												<td>${list.sort }</td>
												<td>${list.isShow=="1"?"可见":"不可见"}</td>
												<td>${list.permission }</td>
												<td><a style="float: none;" href="#" class="btn btn-info btn-xs editClass"
													onclick="edit(${list.id})"></i> 修改</a> <a style="float: none;" href="#"
													class="btn btn-danger btn-xs removeClass"
													onclick="deleteSingle(${list.id})"><i
														class="fa fa-trash-o"></i> 删除</a> <a style="float: none;" data-id="${list.id}"
													data-name="${list.name }" href="#"
													class="btn btn-default btn-xs addClass"><i
														class="fa fa-child"></i> 添加下级菜单</a></td>
											</tr>
										</c:forEach>

									</tbody>
								</table>
							</div>
							<!-- 新增用户 form -->
							<div id="profile" class="tab-pane">

								<form id="registrationForm" method="post"
									class="form-horizontal" onsubmit="return userformcheck()">

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">上级菜单</label>
										<div class="col-lg-8">
											<div class="input-group">
												<input type="hidden" name="parentId" class="form-control"
													id="belongoffice" style="width: 100%"> <input
													type="text" class="form-control" id="officeId"
													style="width: 100%" readonly="true"> <span
													class="input-group-btn" id="chose"> <a href="#"
													data-toggle="modal" class="btn btn-default shiny"
													type="button" style="line-height: 20px">选择</a>
												</span>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">名称<span
											class="help-inline"><font color="red">*</font> </span></label>
										<div class="col-lg-8">
											<input type="text" class="form-control" name="name"
												data-bv-notempty="true" data-bv-notempty-message="名称不能为空" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">链接</label>
										<div class="col-lg-8">
											<input type="text" class="form-control" name="href" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">图标</label>
										<div class="col-lg-8">
											<div class="controls">
												<i id="iconIcon" class="fa fa-user"></i>&nbsp;<label
													id="iconIconLabel">user</label>&nbsp; <input id="iconname"
													name="icon" type="hidden" value="user"><a
													id="iconButton" href="javascript:void(0)"
													data-toggle="modal" class="btn btn-sm">选择</a>&nbsp;&nbsp;
											</div>
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">排序</label>
										<div class="col-lg-8">
											<input value="100" class="form-control" name="sort"
												type="text" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">是否可见</label>
										<div class="col-lg-8">
											<input class="checkbox-slider" type="checkbox"
												checked="checked" value="1" id="logincheckbox"> <span
												class="text"></span>
										</div>
										<input name="isShow" id="_loginFlag" value="1" type="hidden">
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">权限标识</label>
										<div class="col-lg-8">
											<input class="form-control" name="permission" type="text" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">备注</label>
										<div class="col-lg-8">
											<textarea rows="3" name="remarks"></textarea>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-offset-2 col-lg-8 ">
											<input class="btn btn-palegreen col-lg-12" type="submit" value="提交" />
										</div>
									</div>

								</form>
							</div>

							<div id="editMenu" class="tab-pane">

								<form id="editForm" method="post" class="form-horizontal"
									onsubmit="return userformedit()">

									<input type="hidden" name="id" id="id2">
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">上级菜单</label>
										<div class="col-lg-8">
											<div class="input-group">
												<input type="hidden" name="parentId" class="form-control"
													id="belongoffice2" style="width: 100%"> <input
													type="text" class="form-control" id="officeId2"
													style="width: 100%"> <span class="input-group-btn"
													id="chose2"> <a href="#" data-toggle="modal"
													class="btn btn-default shiny" type="button"
													style="line-height: 20px">选择</a>
												</span>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">名称<span
											class="help-inline"><font color="red">*</font> </span></label>
										<div class="col-lg-8">
											<input vaule="系统配置管理" type="text" class="form-control"
												name="name" id="name2" data-bv-notempty="true"
												data-bv-notempty-message="名称不能为空" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">链接</label>
										<div class="col-lg-8">
											<input type="text" class="form-control" name="href"
												id="href2" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">图标</label>
										<div class="col-lg-8">
											<div class="controls">
												<i id="iconIcon2" class="fa fa-user"></i>&nbsp;<label
													id="iconIconLabel2"></label>&nbsp; <input id="iconname2"
													name="icon" type="hidden" value="user"><a
													id="iconButton2" href="javascript:void(0)"
													data-toggle="modal" class="btn btn-sm">选择</a>&nbsp;&nbsp;
											</div>
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">排序</label>
										<div class="col-lg-8">
											<input value="100" class="form-control" name="sort"
												type="text" id="sort2" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">是否可见</label>
										<div class="col-lg-8">
											<input class="checkbox-slider" type="checkbox"
												checked="checked" id="loginFlag2"> <span
												class="text"></span>
										</div>
										<input name="isShow" id="_loginFlag2" value="1" type="hidden">
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">权限标识</label>
										<div class="col-lg-8">
											<input class="form-control" name="permission"
												id="permission2" type="text" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">备注</label>
										<div class="col-lg-8">
											<textarea rows="3" name="remarks" id="remarks2">顶级菜单</textarea>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-offset-2 col-lg-8 ">
											<input class="btn btn-palegreen col-lg-12" type="submit" value="修改" />
										</div>
									</div>

								</form>

							</div>

						</div>
					</div>
				</div>

			</div>


			<P class="bottomfont">© 2016 Angel Health Management Ltd. :
				天使健康管理有限公司</P>

		</div>
		<!-- /右侧内容 -->
	</div>
	
	
	
	<div class="modal fade in" id="chose-head" aria-hidden="true" style="overflow-x: hidden;">
		<div class="modal-dialog">
			<div class="modal-content" style="max-height: 400px; overflow: auto;">
				<div class="modal-header">
					<h4 class="modal-title">选择图标</h4>
				</div>
				<div class="modal-body form-horizontal">
					<form action="">
						<div class="form-group">
							<div class="col-sm-12">
								<section id="file-type" class="mainParts">
									<h2 class="page-header">文件类型</h2>
									<div class="row fontawesome-icon-list">
										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-file"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>file</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;">
												<i class="menu-icon fa fa-file-archive-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>
													file-archive-o
											</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-audio-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-audio-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-code-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-code-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-excel-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-excel-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-image-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-image-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-movie-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-movie-o <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-file-o"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>file-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-pdf-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>file-pdf-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-photo-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-photo-o <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-picture-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-picture-o <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-powerpoint-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-powerpoint-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-sound-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-sound-o <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-text" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>file-text</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-text-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-text-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-video-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-video-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-word-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-word-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-zip-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>file-zip-o <span
												class="text-muted">(别名)</span></a>
										</div>
									</div>
								</section>
								<section id="spinner" class="mainParts">
									<h2 class="page-header">可旋转</h2>
									<div class="row fontawesome-icon-list">
										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-circle-o-notch" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>circle-o-notch</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-cog"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>cog</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-gear"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>gear <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-refresh"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>refresh</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-spinner"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>spinner</a>
										</div>
									</div>
								</section>
								<section id="form-control" class="mainParts">
									<h2 class="page-header">表单</h2>

									<div class="row fontawesome-icon-list">

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-check-square" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>check-square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-check-square-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>check-square-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-circle"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>circle</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-circle-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>circle-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-dot-circle-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>dot-circle-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-minus-square" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>minus-square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-minus-square-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>minus-square-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-plus-square" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>plus-square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-plus-square-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>plus-square-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-square"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-square-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>square-o</a>
										</div>

									</div>
								</section>
								<section id="currency" class="mainParts">
									<h2 class="page-header">货币</h2>

									<div class="row fontawesome-icon-list">

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-bitcoin"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>bitcoin <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-btc"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>btc</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-cny"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>cny <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-dollar"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>dollar <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-eur"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>eur</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-euro"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>euro <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-gbp"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>gbp</a>
										</div>







										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-inr"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>inr</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-jpy"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>jpy</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-krw"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>krw</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-money"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>money</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-rmb"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>rmb <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-rouble"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>rouble <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-rub"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>rub</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-ruble"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>ruble <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-rupee"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>rupee <span class="text-muted">(别名)</span></a>
										</div>





										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-try"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>try</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-turkish-lira" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>turkish-lira <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-usd"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>usd</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-won"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>won <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-yen"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>yen <span class="text-muted">(别名)</span></a>
										</div>

									</div>

								</section>
								<section id="text-editor" class="mainParts">
									<h2 class="page-header">文本编辑</h2>

									<div class="row fontawesome-icon-list">

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-align-center" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>align-center</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-align-justify" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>align-justify</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-align-left" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>align-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-align-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>align-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-bold"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>bold</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-chain"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>chain <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chain-broken" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>chain-broken</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-clipboard" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>clipboard</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-columns"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>columns</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-copy"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>copy <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-cut"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>cut <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-dedent"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>dedent <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-eraser"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>eraser</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-file"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>file</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-file-o"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>file-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-text" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>file-text</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-file-text-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>file-text-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-files-o"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>files-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-floppy-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>floppy-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-font"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>font</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-header"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>header</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-indent"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>indent</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-italic"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>italic</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-link"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>link</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-list"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>list</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-list-alt" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>list-alt</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-list-ol"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>list-ol</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-list-ul"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>list-ul</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-outdent"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>outdent</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-paperclip" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>paperclip</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-paragraph" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>paragraph</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-paste"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>paste <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-repeat"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>repeat</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-rotate-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>rotate-left <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-rotate-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>rotate-right <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-save"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>save <span class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-scissors" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>scissors</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-strikethrough" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>strikethrough</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-subscript" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>subscript</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-superscript" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>superscript</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-table"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>table</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-text-height" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>text-height</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-text-width" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>text-width</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-th"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>th</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-th-large" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>th-large</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-th-list"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>th-list</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-underline" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>underline</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-undo"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>undo</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-unlink"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>unlink <span class="text-muted">(别名)</span></a>
										</div>

									</div>

								</section>
								<section id="directional" class="mainParts">
									<h2 class="page-header">指示方向</h2>

									<div class="row fontawesome-icon-list">



										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-double-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>angle-double-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-double-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>angle-double-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-double-right"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>angle-double-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-double-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>angle-double-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-down" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>angle-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-left" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>angle-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>angle-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-angle-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>angle-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>arrow-circle-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>arrow-circle-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-o-down"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>arrow-circle-o-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-o-left"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>arrow-circle-o-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-o-right"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>arrow-circle-o-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-o-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>arrow-circle-o-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-right"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>arrow-circle-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-circle-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>arrow-circle-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-down" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrow-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-left" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrow-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>arrow-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrow-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrow-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-arrows"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>arrows</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrows-alt" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrows-alt</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrows-h" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrows-h</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrows-v" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrows-v</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-down" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>caret-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-left" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>caret-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>caret-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-square-o-down"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>caret-square-o-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-square-o-left"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>caret-square-o-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-square-o-right"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>caret-square-o-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-square-o-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>caret-square-o-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-caret-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>caret-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-circle-down"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>chevron-circle-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-circle-left"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>chevron-circle-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-circle-right"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>chevron-circle-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-circle-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>chevron-circle-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>chevron-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>chevron-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>chevron-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-chevron-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>chevron-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-exchange" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>exchange</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-hand-o-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>hand-o-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-hand-o-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>hand-o-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-hand-o-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>hand-o-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-hand-o-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>hand-o-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-long-arrow-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>long-arrow-down</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-long-arrow-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>long-arrow-left</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-long-arrow-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>long-arrow-right</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-long-arrow-up" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>long-arrow-up</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-toggle-down" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>toggle-down <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-toggle-left" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>toggle-left <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-toggle-right" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>toggle-right <span
												class="text-muted">(别名)</span></a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-toggle-up" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>toggle-up <span
												class="text-muted">(别名)</span></a>
										</div>

									</div>

								</section>
								<section id="video-player" class="mainParts">
									<h2 class="page-header">视频播放</h2>
									<div class="row fontawesome-icon-list">
										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-arrows-alt" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>arrows-alt</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-backward" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>backward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-compress" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>compress</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-eject"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>eject</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-expand"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>expand</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-fast-backward" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>fast-backward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-fast-forward" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>fast-forward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-forward"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>forward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-pause"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>pause</a>
										</div>





										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-play"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>play</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-play-circle" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>play-circle</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-play-circle-o" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>play-circle-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-random"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>random</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-step-backward" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>step-backward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-step-forward" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>step-forward</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-stop"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>stop</a>
										</div>





										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-youtube-play" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>youtube-play</a>
										</div>

									</div>

								</section>
								<section id="medical" class="mainParts">
									<h2 class="page-header">医疗</h2>
									<div class="row fontawesome-icon-list">
										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-ambulance" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>ambulance</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-h-square" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>h-square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-heart"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>heart</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-heart-o"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>heart-o</a>
										</div>



										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-hospital-o" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>hospital-o</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-medkit"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>medkit</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-plus-square" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>plus-square</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-stethoscope" aria-hidden="true"></i>
												<span class="sr-only">Example of </span>stethoscope</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i class="menu-icon fa fa-user-md"
												aria-hidden="true"></i> <span class="sr-only">Example
													of </span>user-md</a>
										</div>

										<div class="fa-hover col-sm-4">
											<a href="javascript:;"><i
												class="menu-icon fa fa-wheelchair" aria-hidden="true"></i> <span
												class="sr-only">Example of </span>wheelchair</a>
										</div>



									</div>

								</section>
							</div>
						</div>
						<div class="hr-line-dashed"></div>
						<div class="form-group">
							<div class="col-sm-8 col-sm-offset-2">
								<button id="confirmBut" class="btn btn-primary col-sm-3 btn-submit col-sm-offset-1" type="button">确定</button>
								<a id="closeBut" class="btn btn-white col-sm-3 col-sm-offset-1">取消</a>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="modal fade in" aria-hidden="true" id="deparment">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" type="button" data-dismiss="modal">×</button>
					<h4 class="modal-title">选择菜单</h4>
				</div>
				<div class="modal-body form-horizontal">
					<form action="${ctx }/manag/menu/findMenus" id="searchForm">
						<div id="search" class="form-search">
							<label class="control-label col-lg-4">关键词：</label> <input
								id="keyword" name="name" type="text"
								style="width: 200px; display: inline-block;">
							<div style="display: inline-block; margin-left: 10px;">
								<a class="btn btn-primary" id="officesearch"><i
									class="glyphicon glyphicon-search"></i>搜索</a>
							</div>
						</div>
						<div class="area-select" style="margin-top: 20px">
							<ul id="tree" class="ztree col-lg-offset-4" style="height:200px;overflow:auto"></ul>
							<div class="hr-line-dashed"></div>
							<div class="form-group">
								<div class="col-sm-10 col-sm-offset-2">
									<span class="btn btn-darkorange col-sm-3" id="queren">确定</span>
									<span class="btn btn-active col-sm-3 col-xs-offset-3"
										data-dismiss="modal" aria-hidden="true">取消</span>
								</div>
							</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<script src="${ctx}/dep/treeTable/jquery.treetable.js"></script>
	<script src="${ctx}/dep/bootstrap.min.js"></script>
	<script src="${ctx}/dep/validation/bootstrapValidator.js"></script>
	
	<script src="${ctx}/home/manag/menu.js"></script>


</body>

</html>